<html>
<head>
    <title>Family Tree</title>
    <style type="text/css">

	H1 {
	    font-family: Verdana, Helvetica, sans-serif;
	    font-size: 18pt;
	    font-weight: bold;
	    color: "#FF0080"
	}

	H2 {
	    font-family: Verdana, Helvetica, sans-serif;
	    font-size: 14pt;
	    font-weight: bold;
	    color: black;
	}

	H3 {
	    font-family: Lucida Sans, Helvetica, sans-serif;
	    font-size: 11pt;
	    font-weight: bold;
	    color: black;
	}

	SPAN.label {
	    font-family: Lucida Sans, Helvetica, sans-serif;
	    font-size: 10pt;
	    font-weight: normal;
        font-style: italic;
	    color: black;
	}

    P,LI,TD {
	    font-family: Lucida Sans, Helvetica, sans-serif;
	    font-size: 10pt;
	    font-weight: normal;
	    color: black;       
	}

    P.text {
	    font-family: Comic Sans MS, Helvetica, sans-serif;
	    font-size: 10pt;
	    font-weight: normal;
	    color: black;       
	}

    </style>
    <script>
            var source = null;
            var style = null;
            var transformer = null;

            function init() {
                
                source = new ActiveXObject("MSXML2.FreeThreadedDOMDocument");
                source.async = false;
                source.load('kennedy6.xml');

                style = new ActiveXObject("MSXML2.FreeThreadedDOMDocument");
                style.async = false;
                style.load('ms-person.xsl');
                
                transformer = new ActiveXObject("MSXML2.XSLTemplate");
                transformer.stylesheet = style.documentElement;
                refresh("I1");
            }

            function refresh(indi) {
                var xslproc = transformer.createProcessor();
                xslproc.input = source;
                xslproc.addParameter("id", indi, "");
                xslproc.transform();
                displayarea.innerHTML = xslproc.output;
            }                
    </script>
    <script for="window" event="onload">
        init();
    </script>
</head>
<body>
    <div id="displayarea"></div>
</body>
</html>

